	    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
	    {% if isData %}
		<script type="text/javascript"> 
			// Load google visualization API
			google.load('visualization', '1', {packages: ['table']}); 
			// On load call draw function
			google.setOnLoadCallback(drawVisualization);
		
			function drawVisualization() {
				var visualization;
				
	            // Categories ranking chart
				var data = new google.visualization.DataTable();
				data.addColumn('string', 'Stock Name');
				data.addColumn('number', 'Buying Date');
		       	data.addColumn('number', 'Change Rate');
				data.addColumn('string', 'Owner');
				{{ table_of_stocks_category }}
				
				visualization = new google.visualization.Table(document.getElementById('table'));
				visualization.draw(data, {'allowHtml':true,'width':400});  
			}
 
		</script>
		{% endif %}